<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title></title>
    <style type="text/css">
    	#table_p_2,#hade_dox_2{display: inline-block;}
    #R_box_head_2{margin-top: 0;}
    #hade_dox_2{padding-bottom: 10px;margin-top: 20px;width: 100%;border-bottom: solid .5px #eee;}
    .account_1  	table{width: 96%;text-align: center;margin-left: 2%;/*box-shadow: 0 10px 25px #E0E0E0;*//*height: 500px;*/background-color: #FFFFFF;}	
    #container	{width: 96%;margin-left: 2%;/*box-shadow: 0 10px 25px #E0E0E0;*/height: 588px;margin-top: 30px;}
    .highcharts-background{padding-top: -100px;}
    #datetimeStart_3{width: 105px; border-bottom-left-radius: 17px;border-top-left-radius: 17px;border: solid 0.5px #E3E3E3; border-right: solid 0px #000000;margin-left: 35px;}
    #datetimeEnd_3{width: 105px;border-bottom-right-radius: 17px;border-top-right-radius:17px ;border: solid 0.5px #E3E3E3;}
     #datetimeStart_3:hover{background-color: #E3E3E3;}
	 #datetimeEnd_3:hover{background-color: #E3E3E3;}
	 #account_1 table{width: 96%;text-align: center;margin-left: 2%; margin-bottom: 20px;}
		.account_1  th{/*background-color: rgb(246,249,250);*/height: 45px;text-align: center;color: #aaa;font-weight: 300;}
		.account_1  td{height: 45px;text-align: center;}
		.account_1  td>span{font-size: 20px;}
		
		.account_1 tr{height: 50px;}
		.app_2 span:nth-child(1){display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: rgb(124,181,236);margin: 0 5px 0 40px;margin-top: 20px;}
		.app_3 span:nth-child(1){display: inline-block;width: 8px;height: 8px;border-radius: 50%;background-color: rgb(60,60,60);margin: 0 5px 0 40px;}
		.app_2,.app_3{font-size: 11px;}
		
		#title span{line-height: 76px;display: inline-block;padding: 0 28px;}
		#title span:nth-child(2){}
		#title span:hover{background-color: #f7f9fa;cursor:pointer}
		#title span:nth-child(2)>d{border-bottom: 4px solid #000000;display: inline-block;line-height: 68px;}
    </style>
</head>
<body >
	<div class="account_1">
		
			<!--渠道统计--> 
       				<!--<p id="table_p_2" style="margin-top: 90px;">充值渠道统计 </p>-->
				<div id="hade_dox_2">
					<p>
						<span><input size="16" type="datetime" id="datetimeStart_3" readonly class="form_datetime" value="" style="height: 34px;padding-left: 15px;"/><input size="16" type="datetime" id="datetimeEnd_3" readonly class="form_datetime" value="" style="height: 34px;padding-left: 15px;"/></span>
						<span></span>
						<span><label>选择分区:</label>
                            <select class="form-control" id="MirId" name="MirId" style="display: inline-block;width: 210px;"><option value="0">所属分区</option>
<option value="10045">吉祥</option>
<option value="10047">霸业</option>
<option value="10049">光芒</option>
<option value="10051">鸿运</option>
<option value="10052">凌风</option>
<option value="10053">龙纹</option>
<option value="10058">鲲鹏</option>
<option value="10066">王者</option>
<option value="10069">永恒</option>
<option value="10071">无极</option>
<option value="10073">千寻</option>
<option value="10075">秦殇传</option>
<option value="10077">荣耀</option>
<option value="10078">碧游</option>
<option value="10079">神光</option>
<option value="10080">凤逸</option>
<option value="10081">九仙</option>
<option value="10082">乱世</option>
<option value="10083">裁决</option>
<option value="10085">test</option>
<option value="10086">女娲</option>
<option value="10088">名扬</option>
<option value="10089">全新千人战区【虎跃】</option>
<option value="10090">烈风</option>
<option value="10092">千人战区&#183;重现往日激情[山河]</option>
</select></span>
						<button type="button" class="btn btn-info" style="margin-left: 10px;">开始查询</button>
					</p>
				</div>
				
				
				<table border="0">
								<tr>
									<th> </th>
									<th>成功交易额</th>
									<th>发起订单</th>
									<th>成功订单</th>
									<th>订单传化率（元）</th>
									<th>平均客单价</th>
									<!--<th>充值金额</th>
									<th>收入</th>
									<th>付款时间</th>
									<th>订单状态</th>-->
								</tr>
								<tbody id="tbody">
								<tr>
									<td style="center;color: #aaa;font-weight: 300;">所选时段</td>
									<td><span>0 </span>元</td>
									<td><span>0 </span>笔</td>
									<td><span>0 </span>笔</td>
									<td> - </td>
									<td> - </td>
									<!--<td>50.00</td>
									<td>45.00</td>
									<td>2017-07-27 09：32：54</td>
									<td>成功</td>-->
								</tr>
								<tr>
									<td style="center;color: #aaa;font-weight: 300;"><a href="#" data-toggle="tooltip" title="每一项指标对应历史的最高数据！">历史峰值</a></td>
									<td><span>176492.00</span> 元</td>
									<td><span>888</span> 笔</td>
									<td><span>881</span> 笔</td>
									<td>97%</td>
									<td> - </td>
									<!--<td>50.00</td>
									<td>45.00</td>
									<td>2017-07-27 09：32：54</td>
									<td>成功</td>-->
								</tr>
								
								</tbody>
							</table>
							
							
    		<div class="">
    			<table border="0">
    				<p class="app_2"><span></span>所选日期交易额： <span> 0 </span>元</p>
			<p class="app_3"><span></span>所选日期交易量： <span> 0 </span>笔</p>
				<div id="container"><span style="color: #0088CC;display: block; padding: 17% 45%;">正在加载数据...</span></div>
				<!--<div id="sliders">
   					<table>
        					<tr>
            					<td>α 角（内旋转角）</td>
            					<td><input id="alpha" type="range" min="0" max="45" value="15"/> <span id="alpha-value" class="value"></span></td>
        					</tr>
        					<tr>
            					<td>β 角（外旋转角）</td>
            					<td><input id="beta" type="range" min="-45" max="45" value="15"/> <span id="beta-value" class="value"></span></td>
        					</tr>
        					<tr>
            					<td>深度</td>
            					<td><input id="depth" type="range" min="20" max="100" value="50"/> <span id="depth-value" class="value"></span></td>
        					</tr>
    					</table>
				</div>				-->
			</table>
    		</div>
	</div>
	<!--<script src="libs/bootstrap/js/aaa.js" type="text/javascript" charset="utf-8" ></script>-->
</body>
</html>